<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	template="/xhtml/bases/accountbase.xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:bargas="http://barganhas.com.br/barganhas">
	
	<ui:define name="accountHeader">
		<h:outputText value="#{msg.myRegister} #{msg.privateAreaFormSeparatorHeader} #{msg.privateAreaActionView}"/>
	</ui:define>
	
	<ui:define name="userAccountContent">
		<h:panelGroup styleClass="boxUserAccountForm boxUserAccountFormInputs" layout="block">
			<h:panelGrid styleClass="tableInputFormUserAccount" columns="2" columnClasses="columnLabel, columnInput">
				<!-- status -->
				<h:outputLabel value="#{msg.msgStatus}:" for="userStatus"/>
				<bargas:outputTextConverted id="userStatus" value="#{userAccountBean.userAccount.status}"
						styleClass="inputMainForm bigInputMainForm inputDisable" converterId="ConverterUserAccountStatus"/>
	
				<!-- since date -->
				<h:outputLabel value="#{msg.userAccountUserSinceDate}:" for="sinceDate"/>
				<bargas:outputTextConverted id="sinceDate" value="#{userAccountBean.userAccount.sinceDate}" 
						styleClass="inputMainForm bigInputMainForm inputDisable" converterId="ConverterSinceDate"/>
				
				<!-- profile image -->
				<h:outputLabel value="#{msg.userAccountProfileImage}:" for="profileImage"/>
				<h:commandLink id="profileImage" value="#{msg.userAccountChangeProfileImage}" action="#{userAccountBean.edit}"/>
	
				<!-- fullname -->
				<h:outputLabel value="#{msg.privateAreaLoginName}:" for="userName"/>
				<bargas:outputText id="userName" value="#{userAccountBean.userAccount.fullname}" styleClass="inputMainForm bigInputMainForm inputDisable"/>
				
				<!-- state -->
				<h:outputLabel value="#{msg.stateTitle}:" for="useAccountState"/>
				<bargas:outputText id="useAccountState" value="#{userAccountBean.userAccount.city.state.name} (#{userAccountBean.userAccount.city.state.acronym})"
					styleClass="inputMainForm bigInputMainForm inputDisable"/>
				
				<!-- city -->
				<h:outputLabel value="#{msg.cityTitle}:" for="useAccountCity"/>
				<bargas:outputText id="useAccountCity" value="#{userAccountBean.userAccount.city.name}" styleClass="inputMainForm bigInputMainForm inputDisable"/>
				
				<!-- nickname -->
				<h:outputLabel value="#{msg.privateAreaLoginUser}:" for="userNickname"/>
				<bargas:outputText id="userNickname" value="#{userAccountBean.userAccount.nickname}" styleClass="inputMainForm bigInputMainForm inputDisable"/>
				
				<!-- email -->
				<h:outputLabel value="#{msg.privateAreaLoginEmail}:" for="userEmail"/>
				<bargas:outputText id="userEmail" value="#{userAccountBean.userAccount.email}" styleClass="inputMainForm bigInputMainForm inputDisable"/>
				
				<!-- password -->
				<h:outputLabel value="#{msg.privateAreaLoginPassword}:" for="userPassword"/>
				<h:commandLink id="userPassword" value="#{msg.changePassword}" action="#{userAccountBean.edit}"/>
				
				<!-- contact phone number 1 -->
				<h:outputLabel value="#{msg.userAccountContactPhoneNumberOne}:" for="userContactPhoneNumberOne"/>
				<bargas:outputText id="userContactPhoneNumberOne" value="#{userAccountBean.userAccount.contactPhoneNumberOne}"
					styleClass="inputMainForm bigInputMainForm inputDisable"/>
				
				<!-- contact phone number 2 -->
				<h:outputLabel value="#{msg.userAccountContactPhoneNumberTwo}:" for="userContactPhoneNumberTwo"/>
				<bargas:outputText id="userContactPhoneNumberTwo" value="#{userAccountBean.userAccount.contactPhoneNumberTwo}"
					styleClass="inputMainForm bigInputMainForm inputDisable"/>

				<!-- contact email -->
				<h:outputLabel value="#{msg.userAccountContactMail}:" for="userContactEmail"/>
				<bargas:outputText id="userContactEmail" value="#{userAccountBean.userAccount.contactEmail}"
					styleClass="inputMainForm bigInputMainForm inputDisable"/>

			</h:panelGrid>
		</h:panelGroup>
	</ui:define>
	
	<ui:define name="accountBottomButtons">
		<h:commandButton value="#{msg.privateAreaActionEdit}" styleClass="customButton2 buttonMainForm" action="#{userAccountBean.edit}" immediate="false" />
	</ui:define>
	
</ui:composition>
